<?php
	$moranguinho = 'nao';
	$logged = 'nao';
	$id='diversao';
	include 'header.php';
?>
			<div class="wrapper-content">
				<div class="brinque-comigo">
					<a href="#">Brinque Comigo</a>
				</div>
				<span class="clear"></span>				
				<div class="extra-wrapper-slide-diversao jogos-diversao">
					<div class="wrapper-slide-diversao">
						<ul>
							<li>
								<div>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div class="no-margin-right">
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<span class="clear"></span>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div class="no-margin-right">
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<span class="clear"></span>
							</li>
							<li>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div class="no-margin-right">
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<span class="clear"></span>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div>
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<div class="no-margin-right">
									<img class="not-logged-jogos" src="img/jogos-not-loggeed.png?6" alt=""/>
									<img src="img/jogos.jpg?3" alt=""/>
									<img class="sombra" src="img/diversao-lista-sombreado.png?6" alt=""/>
									<a href="#">Jogar</a>
								</div>
								<span class="clear"></span>
							</li>
						</ul>
						<span class="clear"></span>
					</div><!-- /wrapper-slide-diversao -->
					<span class="clear"></span>
					<a href="#" class="wrapper-slide-diversao-control-prev">&lsaquo;</a>
					<a href="#" class="wrapper-slide-diversao-control-next">&rsaquo;</a>
					<span class="clear"></span>
				</div><!-- /extra-wrapper-slide-diversao -->
				<span class="clear"></span>
				<div class="destaque-produtos jogos-diversao-produtos">
					<?php include 'slide-produtos.php'; ?>
				</div><!-- /destaque-produtos -->
				<div class="wrapper-destaques-diversao">
					<div class="conteudo-exclusivo">
						<img src="img/conteudos-exclusivos.png?5" alt=""/>
					</div>
					<ul>
						<li>
							<div class="tit-categoria">
								<span class="amarelo">Vídeos</span>
								<img src="img/moldura-destaque-categoria.png?6" alt=""/>
							</div>
							<div class="wrapper-img-destaque-diversao">
								<img src="img/diversao-destaque-videos.png" alt=""/>
							</div>
							<a href="#" class="clique-aqui">Clique Aqui</a>
						</li>
						<li>
							<div class="tit-categoria">
								<span class="roxo">Desenhar</span>
								<img src="img/moldura-destaque-categoria.png?6" alt=""/>
							</div>
							<div class="wrapper-img-destaque-diversao">
								<img src="img/diversao-destaque-desenhar.png?7" alt=""/>
							</div>
							<a href="#" class="clique-aqui">Clique Aqui</a>
						</li>
						<li class="no-margin-right">
							<div class="tit-categoria">
								<span class="amarelo">Papéis de Parede</span>
								<img src="img/moldura-destaque-categoria.png?6" alt=""/>
							</div>
							<div class="wrapper-img-destaque-diversao">
								<img src="img/diversao-destaque-papeis.png?6" alt=""/>
							</div>
							<a href="#" class="clique-aqui">Clique Aqui</a>
						</li>
						<span class="clear"></span>
					</ul>
					<span class="clear"></span>
				</div><!-- /wrapper-destaques-diversao -->
				<span class="clear"></span>
			</div><!-- /wrapper-content -->
			<span class="clear"></span>
		</div><!-- /container -->
		<span class="clear"></span>
	</div> <!-- /wrapper-container -->
	<span class="clear"></span>
<?php include 'footer.php'; ?>